
*{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
#roof{
    width:100%;
    border-bottom: 1px solid #EDEDED;
     border-top: 1px solid #EDEDED;
}
//顶部开始
#roof #roof_top{    
    width: 1200px;
    height: 29px;
    margin:0 auto;
    #roof_top1{
        .roof_text{
             margin-right:10px;
             float: left;
             a{  
                 color: #8C8C8C;
                 font-size: 12px;
                 font-family: "微软雅黑";
                 display: block;
                 line-height: 29px;
                    &:hover{
                        color: #CA151E;
                 }
             }
        }
        .roof_text1{
             margin-right:10px;
             margin-left: 10px;
             float: left;
             a{  
                 color: #8C8C8C;
                 font-size: 12px;
                 font-family: "微软雅黑";
                 display: block;
                 line-height: 29px;
                    &:hover{
                        color: #CA151E;
                 }
             }
             
        }
        .roof_text2{
             margin-right:27px;
             margin-left: 10px;
             float: left;
             position: relative;
             a{  
                 color: #8C8C8C;
                 font-size: 12px;
                 font-family: "微软雅黑";
                 display: block;
                 line-height: 29px;
                 &:hover{
                     color: #CA151E;
                 }
             }
             div{
                 width: 8px;
                 height: 4px;
                 position: absolute;
                 top: 13px;left: 57px;
                 background: url(../images/sprites3.png) no-repeat -33px 0px;
             }
             
        }
        .fen{
            width: 1px;
            height: 12px;
            float: left;
            margin-top: 8px;
            background: #C8C8C8;
        }            
    }
    #roof_right{
        height: 29px;
        float: right;
        .roof_right1{
             margin-right:10px;
             margin-left: 10px;
             float: left;
             .dengru{
                color: #333333;
                font-size: 12px;
                font-family: "微软雅黑";
                display: block;
                font-weight: 400;
                line-height: 29px;
                float: left;
                margin-right: 12px;
                &:hover{
                     color: #CA151E;
                 }
             }
             .zhuce{
                color: #333333;
                font-size: 12px;
                font-family: "微软雅黑";
                display: block;
                font-weight: 400;
                line-height: 29px; 
                float: right;
                 &:hover{
                     color: #CA151E;
                 }
             }
        }
        .roof_right2{
             margin-right:10px;
             margin-left: 10px;
             float: left;
             a{
                color: #8C8C8C;
                 font-size: 12px;
                 font-family: "微软雅黑";
                 display: block;
                 line-height: 29px;
                 &:hover{
                     color: #CA151E;
                 } 
             }
        }
        .roof_right3{
             margin-right:27px;
             margin-left: 10px;
             float: left;
             position: relative;
             a{  
                 color: #8C8C8C;
                 font-size: 12px;
                 font-family: "微软雅黑";
                 display: block;
                 line-height: 29px;
                 &:hover{
                     color: #CA151E;
                 }
             }
             div{
                 width: 8px;
                 height: 4px;
                 position: absolute;
                 top: 13px;left: 57px;
                 background: url(../images/sprites3.png) no-repeat -33px 0px;
             }
             
        }
        .fen{
            width: 1px;
            height: 12px;
            float: left;
            margin-top: 8px;
            background: #C8C8C8;
            } 
    }

}
//顶部结束
//搜索栏开始
#search{
    width: 1200px;
    height: 72.5px;
    margin: 0 auto;
    .logo{
        width: 345px;
        height: 36.5px;
        float: left;
        margin-top: 36px;
    }
    .shoop{
        width: 574px;
        height: 70px;
        float: right;
        .shoop1{
           overflow: hidden;
            width: 574px;
            height: 34px;
            padding-top: 36px;
            
        }
    }

}



//内容开始
.content{
    width: 1200px;
    height: 373px;
    margin: 0 auto;
    margin-top: 36px;
    .commodity{
        width: 1200px;
        height: 137px;
        .commodity1{
            width: 1198px;
            height: 30px;
            background: #F7F7F7;
            border: 1px solid #DEDEDE;
            border-bottom: 0px;
            .p_check{
                width: 37px;
                height: 30px;
                float: left;
                padding-right: 9px;
                .p_check1{
                    display: block;
                    margin: 0 auto;
                    margin-top: 10px;
                }
               
            }
             .p_com{
                    width: 617px;
                    height: 30px;
                    float: left;
                    color: #333333;
                    font-family: "微软雅黑";
                    font-size: 12px;
                    line-height: 30px;
                    text-align: center;
                }
            .p_price{
                    width: 155px;
                    height: 30px;
                    float: left;
                    color: #333333;
                    font-family: "微软雅黑";
                    font-size: 12px;
                    line-height: 30px;
                    text-align: center;                
            } 
            .p_quantity{
                    width: 140px;
                    height: 30px;
                    float: left;
                    color: #333333;
                    font-family: "微软雅黑";
                    font-size: 12px;
                    line-height: 30px;
                    text-align: center;                
            }
            .p_operation{
                    width: 100px;
                    height: 30px;
                    float: left;
                    color: #333333;
                    font-family: "微软雅黑";
                    font-size: 12px;
                    line-height: 30px;
                    text-align: center;                
            }    
        }
        form{
            width: 1199px;
            height: 105px;
            border-left: 1px solid #DEDEDE;
            border-top: 1px solid #DEDEDE;
            .sc{
                width: 1200px;
                height: 107px;
                .p_check{
                    width: 37px;
                    height: 105px;
                    padding: 0px 9px 0px 0px;
                    border-bottom: 1px solid #DEDEDE;
                    float: left;
                    input{
                        margin-top: 46px;
                        margin-left: 12px;

                    }
                }
                .p_com{
                    width: 614px;
                    height: 105px;
                    border-bottom: 1px solid #DEDEDE;
                    float: left;
                    .pro{
                        width: 594px;
                        height: 65px;
                        padding-bottom: 20px;
                        padding-right: 20px;
                        padding-top: 20px;
                        .p_img{
                            width: 80px;
                            height: 65px;
                            float: left;
                            .img{
                                display: block;
                               width: 63px; 
                               height: 63px;
                               border: 1px solid #DEDEDE;
                               img{
                                   width: 63px;
                                   height: 63px;
                               }
                            }
                        }
                        .p_name{
                            width: 514px;
                            height: 17px;
                            padding-bottom: 4px;
                            float: left;
                            .name{
                                color: #333333;
                                font-family: "微软雅黑";
                                font-size: 12px;
                                &:hover{
                                    text-decoration: underline;
                                }
                            }
                        }
                        .p_color{
                            width: 514px;
                            height: 17px;
                            color: #999999;
                            font-size: 12px;
                            font-family: "微软雅黑";
                            float: left;
                            margin-bottom: 4px;
                        }
                    }
                }
                .p_price{
                    float: left;
                    width: 155px;
                    height: 105px;
                    border-bottom: 1px solid #DEDEDE;
                    border-right: 1px solid #DEDEDE;
                    .price{
                        display: block;
                        color: #333333;
                        font-family: "微软雅黑";
                        font-size: 12px;
                        line-height: 105px;
                        text-align: center;
                    }
                }
                .p_quantity{
                    width: 140px;
                    height: 105px;
                    float: left;
                    border-bottom: 1px solid #DEDEDE;
                    border-right: 1px solid #DEDEDE;
                    .middle{
                        width: 140px;
                        height: 38px;
                        margin-top: 33px;
                        .middle1{
                            width: 58px;
                            height: 38px;
                            margin-left: 41px;
                            position: relative;
                            input{
                                float: left;
                                height: 18px ;
                                line-height: 18px ;
                                padding: 9px 0px ;
                                width: 36px;
                                border: 1px solid #999999;
                                text-align: center;
                            }
                            .jia{
                                width: 15px;
                                height: 15px;
                                display: block;
                                border: 1px solid #999999;
                                position: absolute;
                                top: 0px;right: 0px;
                                background: url(../images/icon31.png) no-repeat 0px -41px;
                                 &:hover{
                                    border: 1px solid #CCCCCC;
                                    background: url(../images/icon31.png) no-repeat -25px -41px;
                                }
                            }
                            .jian{
                                width: 15px;
                                height: 15px;
                                display: block;
                                border: 1px solid #999999;
                                position: absolute;
                                bottom: 0px;right: 0px;
                                background: url(../images/icon31.png) no-repeat 0px -66px;
                                &:hover{
                                    border: 1px solid #CCCCCC;
                                    background: url(../images/icon31.png) no-repeat -25px -66px;
                                }
                            }
                        }
                    }
                }
                .p_quantity1{
                    width: 140px;
                    height: 105px;
                    float: left;
                    border-bottom: 1px solid #DEDEDE;
                    border-right: 1px solid #DEDEDE;
                    font-family: "微软雅黑";
                    font-size: 12px;
                    color: #333333;
                    line-height: 105px;
                    text-align: center;
                    
                }
                .p_delete{
                    float: left;
                    width: 100px;
                    height: 105px;
                    border-bottom: 1px solid #DEDEDE;
                    border-right: 1px solid #DEDEDE;
                    .delete{
                        display: block;
                        width: 18px;
                        height: 18px;
                        white-space: nowrap;
                        background:white url(../images/icon33.png) no-repeat -16px -30px;
                        margin: 0px auto;
                        margin-top: 43px;
                        &:hover{
                            background: #E01D20 url(../images/icon33.png) no-repeat 4px -50px;
                            
                        }
                    }
                }  
            }
        }
    }
//  结算开始
    .rental{
        width: 1198px;
        height: 152px;
        border: 1px solid #DEDEDE;
        margin-top: 20px;
//      左边开始
        .rental_left{
            width: 147px;
            height: 19px;
            float: left;
            padding: 11px 0px 0px 12px;
            input{
                float: left;
                display: block;
            }
            label{
                float: left;
                display: block;
                font-size: 12px;
                color: #28C0C6;
                margin-left: 19px;
                cursor: pointer;
                font-family: "Tahoma","微软雅黑";
            }
            a{
                float: right;
                display: block;
                font-size: 12px;
                color: #28C0C6;
                margin-left: 19px;
            }
        }
//      左边结束
//      右边开始
        .rental_right{
            width: 264px;
            height: 153px;
            float: right;
            padding-right: 23px;
            margin-top: -1px;
            ul{
                width: 264px;
                height: 152;
                .money{
                    width: 264px;
                    height: 51px;
                    .money1{
                        float: left;
                        display: block;
                        width: 190px;
                        height: 50px;
                        padding-right: 5px;
                        border-bottom: 1px solid #DEDEDE;
                        text-align: right;
                        line-height: 50px;
                        font-size: 12px;
                        
                    }
                    .money2{
                        float: right;
                         width: 67px;
                         height: 50px;
                         border-bottom: 1px solid #DEDEDE;
                         padding-right: 2px;
                        text-align: right;
                        line-height: 50px;
                        font-size: 12px;  
                        display: block;                      
                    }
                }
                .total{
                    width: 264px;
                    height: 50px;
                    .total1{
                        float: left;
                        display: block;
                        width: 190px;
                        height: 50px;
                        padding-right: 5px;
                        text-align: right;
                        line-height: 50px;
                        font-size: 14px;
                        
                    }
                    .total2{
                        color: #E01D20;
                        float: right;
                         width: 67px;
                         height: 50px;
                         padding-right: 2px;
                        text-align: right;
                        line-height: 50px;
                        font-size: 16px;  
                        display: block;                      
                    }
                }               
            }
        }
//      右边结束
    }
//  结算结束
//提交开始
    .submit{
        width: 1200px;
        height: 37px;
        margin-top: 25px;
        .sub{
            width: 346px;
            float: right;
            .submit1{
                float: left;
                width: 148px;
                height: 35px;
                line-height: 35px;
                font-family: 微软雅黑;
                font-size: 16px;
                margin-left: 22px;
                border:1px solid #C6C6C6;
                background-color: #EAEAEA;
                color: #303030;
                display: block;
                text-align: center;
                &:hover{
                   background-color: #F9F9F9; 
                   color: #5C5C5C;
                   border:1px solid #DADADA;
                }
            }
            .submit2{
                float: left;
                width: 148px;
                height: 35px;
                line-height: 35px;
                font-family: 微软雅黑;
                font-size: 16px;
                margin-left: 22px;
                border:1px solid #E01D20;
                background-color:#E01D20;
                color: white;
                display: block;
                text-align: center;
                &:hover{
                   background-color: #E64A4D; 
                   color: #FFFFFF;
                   border: 1px solid #E64A4D;
                }               
            }                       
        }

    }
//提交结束
}
//内容结束






.xxx{
    width: 100%;
    height: 60px;
    float: left;
}

//保障开始
#baozhang{
    width: 1200px;
    height: 90px;
    margin: 0 auto;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    overflow: hidden;
    ul{
        width: 1200px;
        height: 44px;
        margin-top: 23px;
       .baozhang1{
           width: 326px;
           height: 44px;
           float: left;
           color: #333333;
           line-height: 44px;
           div{
               width: 44px;
               height: 44px;
               background: url(../images/g4.png) no-repeat;
               float: left;
               margin-right: 12px;
           }
       }
       .baozhang2{
           width: 327px;
           height: 44px;
           float: left;
           color: #333333;
           line-height: 44px;
           div{
               width: 44px;
               height: 44px;
               background: url(../images/g4.png) no-repeat -54px 0px;
               float: left;
               margin-right: 12px;
           }
       }
        .baozhang3{
           width: 154px;
           height: 44px;
           float: left;
           color: #333333;
           line-height: 44px;
           div{
               width: 44px;
               height: 44px;
               background: url(../images/g4.png) no-repeat -108px 0px;
               float: left;
               margin-right: 12px;
           }
       }
        .baozhang4{
           width: 232px;
           height: 44px;
           float: right;
           color: #333333;
           line-height: 44px;
           div{
               width: 44px;
               height: 44px;
               background: url(../images/g4.png) no-repeat -162px 0px;
               float: left;
               margin-right: 12px;
           }
       }  
    }
}
//保障结束
//信息开始 
#xinx{
   width: 1200px;
   height: 181px;
   margin: 0 auto;
   overflow: hidden;
   border-bottom: 1px solid #E5E5E5; 
   .xinx1{
       width: 1200px;
       height: 130px;
       margin-top: 30px;
       .s1{
           width: 276px;
           height: 130px;
           float: left;
           margin-left: 8px;
           dt{
               width: 276px;
               height: 19px;
               margin-bottom: 15px;
               p{
                   width: 16px;
                   height: 14px;
                   margin-top: 3px;
                   margin-right: 8px;
                   float: left;
                   background: url(../images/g4.png) no-repeat 0px -54px;
               }
           }
           dd{
               width: 276px;
               height: 96px;
               a{
                   display: block;
                   color: #666666;
                   font-size: 12px;
                   font-family: "微软雅黑";
                   width: 276px;
                   height: 24px;
                   margin-left: 24px;
                   line-height: 24px;
                   &:hover{
                       color: #E01D20;
                       text-decoration: underline;
                   }
               }
           }
       }
        .s2{
           width: 275px;
           height: 130px;
           float: left;
           margin-left: 8px;
           dt{
               width: 276px;
               height: 19px;
               margin-bottom: 15px;
               p{
                   width: 16px;
                   height: 14px;
                   margin-top: 3px;
                   margin-right: 8px;
                   float: left;
                   background: url(../images/g4.png) no-repeat -26px -54px;
               }
           }
           dd{
               width: 276px;
               height: 96px;
               a{
                   display: block;
                   color: #666666;
                   font-size: 12px;
                   font-family: "微软雅黑";
                   width: 276px;
                   height: 24px;
                   margin-left: 24px;
                   line-height: 24px;
                    &:hover{
                       color: #E01D20;
                       text-decoration: underline;
                   }
               }
           }
       }
        .s3{
           width: 274px;
           height: 130px;
           float: left;
           margin-left: 8px;
           dt{
               width: 276px;
               height: 19px;
               margin-bottom: 15px;
               p{
                   width: 16px;
                   height: 14px;
                   margin-top: 3px;
                   margin-right: 8px;
                   float: left;
                   background: url(../images/g4.png) no-repeat -52px -54px;
               }
           }
           dd{
               width: 276px;
               height: 96px;
               a{
                   display: block;
                   color: #666666;
                   font-size: 12px;
                   font-family: "微软雅黑";
                   width: 276px;
                   height: 24px;
                   margin-left: 24px;
                   line-height: 24px;
                   &:hover{
                       color: #E01D20;
                       text-decoration: underline;
                   }
               }
           }
       }
        .s4{
           width: 96px;
           height: 106px;
           float: left;
           margin-left: 8px;
           dt{
               width: 276px;
               height: 19px;
               margin-bottom: 15px;
               p{
                   width: 16px;
                   height: 14px;
                   margin-top: 3px;
                   margin-right: 8px;
                   float: left;
                   background: url(../images/g4.png) no-repeat -78px -54px;
               }
           }
           dd{
               width: 276px;
               height: 96px;
               a{
                   display: block;
                   color: #666666;
                   font-size: 12px;
                   font-family: "微软雅黑";
                   width: 276px;
                   height: 24px;
                   margin-left: 24px;
                   line-height: 24px;
                    &:hover{
                       color: #E01D20;
                       text-decoration: underline;
                   }
               }
           }
       }
        .s5{
           width: 96px;
           height: 130px;
           float: right;
           margin-left: 8px;
           dt{
               width: 276px;
               height: 19px;
               margin-bottom: 15px;
               p{
                   width: 16px;
                   height: 14px;
                   margin-top: 3px;
                   margin-right: 8px;
                   float: left;
                   background: url(../images/g4.png) no-repeat 0px -78px;
               }
           }
           dd{
               width: 276px;
               height: 96px;
               a{
                   display: block;
                   color: #666666;
                   font-size: 12px;
                   font-family: "微软雅黑";
                   width: 276px;
                   height: 24px;
                   margin-left: 24px;
                   line-height: 24px;
                    &:hover{
                       color: #E01D20;
                       text-decoration: underline;
                   }
               }
           }
       }
   }
}   
//信息结束
//底部友情链接开始 
#footer{
    width: 1200px;
    height: 183px;
    margin: 0 auto;
    margin-top: 29px;
    margin-bottom: 30px;
    .footer_text{
        width: 1184px;
        height: 36px;
        margin-left: 40px;
        margin-right: 8px;

        .footer_text1{
        color: #666666;
        font-size: 12px;
        font-family: "微软雅黑"; 
        float: left;           
        }
        a{
            color: #666666;
            font-family: "微软雅黑";
            font-size: 12px;
            display: block;
            float: left;
            margin-left: 6px;
            margin-right: 6px;
            &:hover{
                color: #F04A20;
                text-decoration: underline;
            }
        }
        p{
            font-size: 12px;
            float: left;
            color: #666666;
        }

    }
    .footer_area{
        width: 1200px;
        height: 99px;
        margin-top: 12px;
        p{
            color: #666666;
            font-family: "微软雅黑";
            font-size: 12px;
            text-align: center;
        }
        div{
            width: 346px;
            height: 42px;
            margin: 0 auto;
            margin-top: 23px;
            a{
                display: block;
                width: 112px;
                height: 40px;
                float: left;
                
            }
        }
    }
}   
//底部有情链接结束
















